<%@ page language="java" import="java.util.*"
	contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page trimDirectiveWhitespaces="true"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>家族族谱系统</title>
<!-- 引入css样式文件 -->
<!-- Bootstrap Core CSS -->
<link href="<%=basePath%>css/bootstrap.min.css" rel="stylesheet" />
<!-- MetisMenu CSS -->
<link href="<%=basePath%>css/metisMenu.min.css" rel="stylesheet" />
<!-- DataTables CSS -->
<link href="<%=basePath%>css/dataTables.bootstrap.css" rel="stylesheet" />
<!-- Custom CSS -->
<link href="<%=basePath%>css/sb-admin-2.css" rel="stylesheet" />
<!-- Custom Fonts -->
<link href="<%=basePath%>css/font-awesome.min.css" rel="stylesheet"
	type="text/css" />
<link href="<%=basePath%>css/boot-crm.css" rel="stylesheet"
	type="text/css" />

<style type="text/css">
.user {
	margin-left: 80%;
	margin-top: 25px;
}

.navbar-header {
	margin-left: 45%;
	color: #409EFF;
}
</style>

</head>
<body>
	<div id="wrapper">
		<!-- 导航栏部分 -->
		<nav class="navbar navbar-default navbar-static-top" role="navigation"
			style="margin-bottom: 0">
			<div class="navbar-header">
				<h3>家族族谱系统</h3>
			</div>
			<div class="user">
				<a href="#"><i class="fa fa-user fa-fw"></i>
					您好：${USER_SESSION.username} </a> <a
					href="${pageContext.request.contextPath }/logout.action"> <i
					class="fa fa-sign-out fa-fw"></i>退出登录
				</a>
			</div>

		</nav>
	</div>
	<div class="row">
		<div class="col-md-12 ">
			<form class="form-horizontal" method="post"
				action="${pageContext.request.contextPath }/joinMember.action">
				<font color="red" style="margin-left: 70px;"> <%-- 提示信息--%> 
				<span id="message">${msg}</span>
				</font>
				<fieldset>
					<legend style="margin-left: 70px;">录入信息详情</legend>
					<div class="form-group">
						<label class="col-md-2 control-label" for="member_clan_id">家族ID</label>
						<div class="col-md-4">
							<input class="form-control" name="member_clan_id" type="text" />
						</div>
					</div>

					<div class="form-group">
						<label class="col-md-2 control-label" for="member_name">姓名</label>
						<div class="col-md-4">
							<input class="form-control" name="member_name" type="text" />
						</div>
					</div>

					<div class="form-group">
						<label class="col-md-2 control-label" for="member_birthday">生日</label>
						<div class="col-md-4">
							<input class="form-control" name="member_birthday" type="text" />
						</div>
					</div>

					<div class="form-group">
						<label for="new_member_sex" class="col-sm-2 control-label">性别</label>
						<div class="col-sm-10">
							<select class="form-control" id="new_member_sex"
								name="member_sex">
								<option>--请选择--</option>
								<option value="0">女</option>
								<option value="1">男</option>
							</select>
						</div>
					</div>

					<div class="form-group">
						<label class="col-md-2 control-label" for="member_phone">联系方式</label>
						<div class="col-md-4">
							<input class="form-control" name="member_phone" type="text" />
						</div>
					</div>

					<div class="form-group">
						<label class="col-md-2 control-label" for="member_address">居住地址</label>
						<div class="col-md-4">
							<input class="form-control" name="member_address" type="text" />
						</div>
					</div>

					<div class="form-group">
						<label class="col-md-2 control-label" for="member_father">父亲</label>
						<div class="col-md-4">
							<input class="form-control" name="member_father" type="text" />
						</div>
					</div>

					<div class="form-group">
						<label class="col-md-2 control-label" for="member_mother">母亲</label>
						<div class="col-md-4">
							<input class="form-control" name="member_mother" type="text" />
						</div>
					</div>

					<div class="form-group">
						<label class="col-md-2 control-label" for="member_mate">配偶</label>
						<div class="col-md-4">
							<input class="form-control" name="member_mate" type="text" />
						</div>
					</div>

					<div class="form-group">
						<label class="col-md-2 control-label" for="member_girl">女孩</label>
						<div class="col-md-4">
							<input class="form-control" name="member_girl" type="text" />
						</div>
					</div>

					<div class="form-group">
						<label class="col-md-2 control-label" for="member_boy">男孩</label>
						<div class="col-md-4">
							<input class="form-control" name="member_boy" type="text" />
						</div>
					</div>

					<input type="hidden" name="member_user_id"
						value="${USER_SESSION.user_id}" />

					<div class="form-group">
						<div class="col-md-6 col-md-offset-3">
							<input class="btn btn-primary" type="submit" value="提交" /> <input
								class="btn btn-warning" type="reset" value="重置" />
						</div>
					</div>
				</fieldset>
			</form>
		</div>
	</div>
	<div></div>
</body>